@use '@/styles/themes.scss';

.container {
    width: 100%;
    background-color: var(--Nav-background-color) !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 5px solid var(--primary-color);
  
    .header {
      width: 100%;
      
      box-sizing: border-box;
      height: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--Nav-rightleft-color);
  
      .headerContent {
        display: flex;
        width: 96%;
        height: 100%;
        justify-content: space-between;
        align-items: center;
  
        div {
          height: 90%;
          display: flex;
          align-items: center;
        }
  
        .left {
          width: 15%;
          font-size: 25px;
          font-weight: 700;
        }
  
        .right {
          width: 15%;
          display: flex;
          justify-content: right;
  
          :deep(.el-tooltip__trigger:focus-visible) {
            outline: unset;
          }
  
          .loginInfo {
            margin: 0;
            margin-right: 20px;
            font-size: 20px;
          }
        }
      }
    }
  }